<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="utf-8">
    <title>Uhost - Hosting Website Template</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Uhost is Creative Website Template" name="description">
    <meta content="" name="keywords">
    <meta content="" name="author">

    <!--[if lt IE 9]>
    <script src="/user/js/html5shiv.js"></script>
    <![endif]-->

    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <link href="/user/css/bootstrap-grid.min.css" rel="stylesheet" type="text/css">
    <link href="/user/css/bootstrap-reboot.min.css" rel="stylesheet" type="text/css">
    <link href="/user/css/animate.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.carousel.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.theme.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.transitions.css" rel="stylesheet" type="text/css">
    <link href="/user/css/magnific-popup.css" rel="stylesheet" type="text/css">
	<link href="/user/css/jquery.countdown.css" rel="stylesheet" type="text/css">
    <link href="/user/css/style.css" rel="stylesheet" type="text/css">

    <!-- color scheme -->
    <link id="colors" href="/user/css/colors/scheme-01.css" rel="stylesheet" type="text/css">
	<link href="/user/css/coloring.css" rel="stylesheet" type="text/css">

    <!-- RS5.0 Stylesheet -->
    <link href="revolution/css/settings.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/layers.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css">
    <link href="/user/css/rev-settings.css" rel="stylesheet" type="text/css">

</head>

<body>

    <div id="wrapper">

                <!-- header begin -->
                <header class="header-s1">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
        
                                <div class="header-row">
                                    <div class="header-col left">
                                        <!-- logo begin -->
                                        <div id="logo">
                                            <!-- <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"> <img alt="" class="logo-2" src="images/logo-dark.png"></a> -->
                                            <a href="index.html"><span class="logo" style="color:aliceblue; font-size: large;">java兴趣社</span><span class="logo-2" style="color:black; font-size:medium;">java兴趣社</span></a>
                                        </div>
                                        <!-- logo close -->
                                    </div>
                                    <div class="header-col mid">
                                        <!-- mainmenu begin -->
                                        <ul id="mainmenu">
                                            <li><a href="index.html">首页</a>
                                                <ul>
                                                    <li><a href="index.html">关于我们</a></li>
                                                    <li><a href="index-2.html">最新活动<span>New</span></a></li>
                                                </ul>
                                            </li>
                                            <li><a href="/match"> 比赛 <span>New</span></a>
                                                <ul>
                                                    <li><a href="hosting-all.html">最新比赛<span>NEW</span></a></li>
                                                    <li><a href="hosting-shared.html">往届精彩</a></li>
                                                    <li><a href="match2.html">比赛介绍</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="domain.html">社团</a></li>
                                            <li><a href="#">敬请期待</a>
                                                <ul>											
                                                    <li><a href="news.html">1</a></li>
                                                     <li><a href="search-results.html">2</a></li>
                                                    <li><a href="features.html">3</a></li>
                                                    <li><a href="contact.html">4</a></li>
                                                    <li><a href="maintenance.html">5</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                        <div class="col-right">
                                            <a class="btn-custom" href="/login"><i class="fa fa-lock"></i> Login</a>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                                <!-- small button begin -->
                                <span id="menu-btn"></span>
                                <!-- small button close -->
        
                            </div>
                        </div>
                    </div>
                </header>
                <!-- header close -->

        
        <!-- content begin -->
        <div id="content" class="no-top no-bottom">
           
            <section class="no-top no-bottom text-light" data-bgimage="url(/user/images/background/bg-general.jpg") data-stellar-background-ratio=".2">
                <div class="overlay-bg t90">
                    <div class="center-y mt50">
                        <div class="container">
                            <div class="row align-items-center">
								<div class="col-lg-6 col-md-12">
									<h1>Shared Hosting<span class="label">5% OFF</span></h1>
									<p class="lead">We provide best hosting solutions for your hosting needs. Our clients from personal to corporate. Our data center are all over the world to ensure your website is always up. Happy hosting!
</p>
									<div class="spacer-half"></div>
									<a class="btn-custom" href="#plans">See All Plans</a>
								</div>
								
								<div class="col-md-3 offset-md-2 text-center sm-hide">
									<img src="/user/images/big-icon-shared-hosting.png" class="img-fluid" alt="">
								</div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
			
			<section id="plans">
                <div class="container">
					<div class="row">
                        <div class="col text-center">
                            <h2>Shared Hosting Plans</h2>						
							<div class="switch-set">
								<div>Monthly</div>								
								<div><input id="sw-1" class="switch" type="checkbox" /></div>					
								<div>Yearly</div>
								<div class="spacer-20"></div>
							</div>
							
                        </div>
                    </div>
                            <div class="item pricing">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-lg-4 col-md-6 col-sm-12">
                                            <div class="pricing-s1 light mb30">
                                                <div class="top">
                                                    <h2>
													<span class="id-color">Shared Business</span></h2>
                                                    <p class="price">
														<span class="txt">Start from</span>
														<span class="currency">$</span>
														<span class="m opt-1">5.59</span></span>
														<span class="y opt-2">3.46</span></span>
														<span class="month">p/mo</span>
													</p>               
                                                </div>
												
                                                <div class="bottom">

                                                    <ul>
                                                        <li><i class="fa fa-check-square"></i>1x Processing Power</li>
                                                        <li><i class="fa fa-check-square"></i>1 Website</li>
                                                        <li><i class="fa fa-check-square"></i>1GB Disk Space</li>
                                                        <li><i class="fa fa-check-square"></i>Easy Website Builder</li>
                                                        <li><i class="fa fa-check-square"></i>99.9% Uptime Guarantee</li>
                                                    </ul>
                                                </div>
												
												<div class="action">
													<a href="" class="btn-custom">Sign Up Now</a>
												</div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6 col-sm-12">
                                            <div class="pricing-s1 light mb30">
                                                <div class="top">
                                                    <h2><span class="id-color">Shared Professional</span></h2>
                                                    <p class="price">
														<span class="txt">Start from</span>
														<span class="currency">$</span>
														<span class="m opt-1">9.59</span></span>
														<span class="y opt-2">7.46</span></span>
														<span class="month">p/mo</span>
													</p>     
                                                </div>
                                                <div class="bottom">
                                                    <ul>
                                                        <li><i class="fa fa-check-square"></i>6x Processing Power</li>
                                                        <li><i class="fa fa-check-square"></i>Unlimited Website</li>
                                                        <li><i class="fa fa-check-square"></i>100GB Disk Space</li>
                                                        <li><i class="fa fa-check-square"></i>Easy Website Builder</li>
                                                        <li><i class="fa fa-check-square"></i>99.9% Uptime Guarantee</li>
                                                    </ul>
                                                </div>
												
												<div class="action">
													<a href="" class="btn-custom">Sign Up Now</a>
												</div>
                                            </div>
                                        </div>
										<div class="col-lg-4 col-md-6 col-sm-12">
                                            <div class="pricing-s1 light mb30">
                                                <div class="top">
                                                    <h2><span class="id-color">Shared Enterprise</span></h2>
                                                    <p class="price">
														<span class="txt">Start from</span>
														<span class="currency">$</span>
														<span class="m opt-1">24.99</span></span>
														<span class="y opt-2">16.49</span></span>
														<span class="month">p/mo</span>
													</p>     
                                                </div>
                                                <div class="bottom">
                                                    <ul>
                                                        <li><i class="fa fa-check-square"></i>6x Processing Power</li>
                                                        <li><i class="fa fa-check-square"></i>Unlimited Website</li>
                                                        <li><i class="fa fa-check-square"></i>100GB Disk Space</li>
                                                        <li><i class="fa fa-check-square"></i>Easy Website Builder</li>
                                                        <li><i class="fa fa-check-square"></i>99.9% Uptime Guarantee</li>
                                                    </ul>
                                                </div>
												
												<div class="action">
													<a href="" class="btn-custom">Sign Up Now</a>
												</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                </div>
            </section>
			
			<section id="section-features" class="bg-gradient-to-right">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center text-light">
                            <h2>Shared Hosting Features</h2>							
                            <div class="spacer-20"></div>
                        </div>
                        <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay=".5s">
                            <div class="feature-box-type-1">
                                <i class="icon-alarmclock"></i>
                                <div class="text">
                                    <h3>Instant Activation</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay=".75s">
                            <div class="feature-box-type-1 hover">
                                <i class="icon-profile-male"></i>
                                <div class="text">
                                    <h3 class="">24/7 Support</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay="1s">
                            <div class="feature-box-type-1">
                                <i class="icon-refresh"></i>
                                <div class="text">
                                    <h3>99.99 Uptime</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                </div>
                            </div>
                        </div>
						
						 <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay=".7s">
                            <div class="feature-box-type-1">
                                <i class="icon-tools-2"></i>
                                <div class="text">
                                    <h3>High Performance</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay=".95s">
                            <div class="feature-box-type-1">
                                <i class="icon-layers"></i>
                                <div class="text">
                                    <h3 class="">Multiple Data Centers</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay="1.2s">
                            <div class="feature-box-type-1">
                                <i class="icon-shield"></i>
                                <div class="text">
                                    <h3>Money Back Warranty</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
			
			<section id="section-faq">
                <div class="container">
                    <div class="row">
                        <div class="col text-center">
                            <h2>General Questions</h2>
                            <div class="spacer-20"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-10 offset-md-1">
                            <div class="accordion">
                                <div class="accordion-section">
                                    <div class="accordion-section-title" data-tab="#accordion-1">
                                        How do I get started with web hosting?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-1">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique
                                            sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                    <div class="accordion-section-title" data-tab="#accordion-2">
                                        What is difference for each plan?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-2">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique
                                            sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                    <div class="accordion-section-title" data-tab="#accordion-3">
                                        What kind of web hosting do I need?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-3">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique
                                            sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                    <div class="accordion-section-title" data-tab="#accordion-4">
                                        Why do I need domain name?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-4">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique
                                            sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                    <div class="accordion-section-title" data-tab="#accordion-5">
                                        What my website protected from hackers?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-5">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique
                                            sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                    <div class="accordion-section-title" data-tab="#accordion-6">
                                        How do I backup my website?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-6">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique
                                            sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
			
			<section id="section-banner" class="no-bottom no-top img-fluid bg-gradient-to-right text-light relative pos-top">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-4 d-none d-lg-block d-xl-block  text-center">
                            <img class="relative img-fluid mt-60" src="/user/images/misc/1.png" alt="">
                        </div>

                        <div class="col-lg-4 col-md-6">
							<div class="p-sm-30 pb-sm-0 mb-sm-0">
								<h2>30 days money back satisfication guarantee</h2>
							</div>
                        </div>

                        <div class="col-lg-4 col-md-6">
							<div class="p-sm-30">
                            <p class="lead">If you not satisfy with Uhost, we will refund your payment. No hassle, no risk. You can cancel plan at any time.</p>
                            <div class="spacer-half"></div>
                            <a class="btn-custom" href="#">Get Started</a>
							</div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <!-- content close -->

        <!-- footer begin -->
        <footer>
            <div class="container">
                <div class="row">

                    <div class="col-md-8">
                        <div class="row">
                            <div class="col-md-4 col-xs-4">
                                <div class="widget">
                                    <h5>Hosting</h5>
                                    <div class="tiny-border"></div>
                                    <ul>
                                        <li><a href="#">Web Hosting</a></li>
                                        <li><a href="#">VPS Hosting</a></li>
                                        <li><a href="#">Cloud Hosting</a></li>
                                        <li><a href="#">WordPress Hosting</a></li>
                                        <li><a href="#">Email Hosting</a></li>
                                        <li><a href="#">CMS Hosting</a></li>
                                        <li><a href="#">Ecommerce Hosting</a></li>
                                        <li><a href="#">Website Builder</a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-md-4 col-xs-4">
                                <div class="widget">
                                    <h5>Domains</h5>
                                    <div class="tiny-border"></div>
                                    <ul>
                                        <li><a href="#">Domain Checker</a></li>
                                        <li><a href="#">Domain Transfer</a></li>
                                        <li><a href="#">Free Domain</a></li>
                                        <li><a href="#">XYZ Domain</a></li>
                                        <li><a href="#">Cheap SSL Certificate</a></li>
                                        <li><a href="#">Buy Domain Name</a></li>
                                        <li><a href="#">Whois Checker</a></li>
                                        <li><a href="#">Free SSL Certificate</a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-md-4 col-xs-4">
                                <div class="widget">
                                    <h5>Company</h5>
                                    <div class="tiny-border"></div>
                                    <ul>
                                        <li><a href="#">About</a></li>
                                        <li><a href="#">Affiliates</a></li>
                                        <li><a href="#">Blog</a></li>
                                        <li><a href="#">Careers</a></li>
                                        <li><a href="#">Community</a></li>
                                        <li><a href="#">News</a></li>
                                        <li><a href="#">Partners</a></li>
                                        <li><a href="#">Press Releases</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="widget">
                            <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"></a>
                            <div class="spacer-20"></div>
                            <p>We are Uhost, a web hosting company with 24/7 customer support. We provide best hosting solutions for your hosting needs. Our clients from personal to corporate. Our data center are all over the world to ensure your website is always up. You can choose shared hosting, vps hosting or cloud hosting. You can also be hosting reseller here. Happy hosting with us.</p>
                        </div>
                    </div>

                </div>

                <div class="row">
                        <div class="col-md-6 sm-text-center mb-sm-30">
                            <div class="mt10">&copy; Copyright 2020 - Uhost by Designesia</div>
                        </div>

                        <div class="col-md-6 text-md-right text-sm-left">
                            <div class="social-icons">
                                <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                <a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
                                <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                <a href="#"><i class="fa fa-rss fa-lg"></i></a>
                            </div>
                        </div>
                    </div>
            </div>

        </footer>
        <!-- footer close -->

        
        <div id="preloader">
                <div class="spinner">
                    <div class="bounce1"></div>
                    <div class="bounce2"></div>
                    <div class="bounce3"></div>
                </div>
            </div>
        </div>		
		
		<div id="selector">
			<span class="opt tc1" data-color="scheme-01"></span>
			<span class="opt tc2" data-color="scheme-02"></span>
			<span class="opt tc3" data-color="scheme-03"></span>
			<span class="opt tc4" data-color="scheme-04"></span>
		</div>

        <!-- Javascript Files
    ================================================== -->
        <script src="/user/js/jquery.min.js"></script>
        <script src="/user/js/bootstrap.min.js"></script>
        <script src="/user/js/wow.min.js"></script>
        <script src="/user/js/jquery.isotope.min.js"></script>
        <script src="/user/js/easing.js"></script>
        <script src="/user/js/owl.carousel.js"></script>
        <script src="/user/js/validation.js"></script>
        <script src="/user/js/jquery.magnific-popup.min.js"></script>
        <script src="/user/js/enquire.min.js"></script>
        <script src="/user/js/jquery.stellar.min.js"></script>
        <script src="/user/js/jquery.plugin.js"></script>
        <script src="/user/js/typed.js"></script>
        <script src="/user/js/app.js"></script>
		<script src="/user/js/jquery.countTo.js"></script>
        <script src="/user/js/jquery.countdown.js"></script>
        <script src="/user/js/designesia.js"></script>

        <!--Start of Tawk.to Script-->
        <script>
            var Tawk_API = Tawk_API || {},
                Tawk_LoadStart = new Date();
            (function() {
                var s1 = document.createElement("script"),
                    s0 = document.getElementsByTagName("script")[0];
                s1.async = true;
                s1.src = 'https://embed.tawk.to/5e4a18a6298c395d1ce84227/default';
                s1.charset = 'UTF-8';
                s1.setAttribute('crossorigin', '*');
                s0.parentNode.insertBefore(s1, s0);
            })();
        </script>
        <!--End of Tawk.to Script-->
</body>

</html>